import userAxios from '../../api/request';

let form = document.querySelector('#form');
let usernameInp = document.querySelector('#username');
let pwdInp = document.querySelector('#pwd');
let repwdInp = document.querySelector('#repwd');
let profileInp = document.querySelector('#profile');
let preimg = document.querySelector('#preimg');

// 当内容发生变化时触发
profileInp.onchange = function(e){
    // 1. 创建一个读取文件的对象
    let fileReader = new FileReader();
    // 2. 获取选中的文件
    let file = e.target.files[0];
    // 3. 使用dataURL方式读取文件（base64编码）
    fileReader.readAsDataURL(file);
    // 4. 当文件读取完毕时
    fileReader.onload = function(){
        // 5. 获取到读取的内容
       let res =  fileReader.result;
        // 6. 将内容直接放到img标签的src中
       preimg.src = res;
    }
}
form.onsubmit = async function(e){
    // 阻止浏览器默认行为
    e.preventDefault();
    // 获取表单数据
    let data = new FormData(form);
    if(pwdInp.value !== repwdInp.value){
        alert('请重新确认密码');
        return;
    }
    // 把数据提交服务器
    let res = await userAxios({
        method:"post",
        url:"/admin/user",
        data:data
    });
    // 添加成功
    if(res.code === 2000){
        alert('添加用户成功');
        window.location.href = 'users.html';
    }else{
        alert('添加失败')
    }
}
